.nav{
    display:block;
    position: relative;
    top: -110px;
    margin: 0 auto;
    width: 90%;
    height: 197.56px;
    border-radius: 8px;
    overflow: hidden;
}
.nav .hang{
    width: 100%;
    height: 66.19px;
    display: flex;
}
.nav .hang .lie{
    flex: 23%;
    line-height: 66.19px;
    text-align:center;
    border-right:1px solid #fff; 
    box-sizing: border-box;
}
.nav .hang .lie:first-child{
    
    flex: 31%;
    text-align: left;
    padding-left: 15px;
}
.nav .hang .lie:last-child{
    border: none;
}
.nav .hang .lie a{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}
.nav .a .lie:first-child{
    background: url("./image/1.png")no-repeat right bottom;
    background-size: 73px;
    border-top-left-radius: 8px;
}
.nav .b .lie:first-child{
    background: url("./image/4.png")no-repeat right bottom;
    background-size: 73px;
    border-top-left-radius: 8px;
}
.nav .c .lie:first-child{
    background: url("./image/6.png")no-repeat right bottom;
    background-size: 73px;
    border-top-left-radius: 8px;
}
.nav .a .lie:nth-child(2){
    background: url("./image/2.png")no-repeat left bottom;
    background-size: 37px;
}
.nav .b .lie:nth-child(2){
    background: url("./image/5.png")no-repeat left bottom;
    background-size: 37px;
}
.nav .c .lie:nth-child(2){
    background: url("./image/7.png")no-repeat left bottom;
    background-size: 37px;
}
.nav .a .lie:last-child{
    flex: 46%;
    background: linear-gradient(to right,#ffbc49,#ffd252);
}
.nav .a .lie:last-child a{
    background: url("./image/3.png")no-repeat right bottom;
    background-size: 161px;
    display: block;
    color: #a05416;
}
.a{
    background: linear-gradient(to right,#fa5956,#fb8650 54%);
}
.b{
    margin: 1px 0;
    background: linear-gradient(to right,#4b8fed,#53bced);
}
.c{
    background: linear-gradient(to right,#34c2aa,#6cd557);
}